<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>有品-个人</title>
    <link rel=icon href="../img/favicon_yp.ico" type="image/x-icon">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/ucenter.css">
</head>

<body>
    <section class="app">
        <header class="header">
            <div class="title">
                <div class="head-img"><img class="user_img" src="../img/head.png" alt=""></div>
                <div class="login-info user_nickname">请登录</div>
                <div class="link-right"><span class="right-icon"></span></div>
            </div>
        </header>
        <main class="content">
            <div class="split-line"></div>
            <div class="myorder ">
                <div class="left-content">我的订单</div>
                <div class="link-right"><span class="right-icon small"></span></div>
            </div>
            <div class="title">
                <div class="item" onclick="location.href='./myorder.html'">
                    <div class="item-icon"><img src="../img/daifukuang.png"></div>
                    <div class="item-info">待付款</div>
                </div>
                <div class="item" onclick="location.href='./myorder.html?status=已支付'">
                    <div class="item-icon"><img src="../img/daishouhuo.png"></div>
                    <div class="item-info">待收货</div>
                </div>
                <div class="item">
                    <div class="item-icon"><img src="../img/pingjia.png"></div>
                    <div class="item-info">评价</div>
                </div>
                <div class="item">
                    <div class="item-icon"><img src="../img/tuikuan-shouhou.png"></div>
                    <div class="item-info">退款/售后</div>
                </div>
            </div>
            <div class="split-line"></div>
            <div class="list list-wyw">
                <div class="item">
                    <div class="item-img"><img src="../img/wdzc.png" alt="我的资产"></div>
                    <div class="item-content">我的资产</div>
                    <div class="link-right"><span class="right-icon small"></span></div>
                </div>
                <div class="item">
                    <div class="item-img"><img src="../img/yhq.png" alt="优惠券"></div>
                    <div class="item-content">优惠券</div>
                    <div class="link-right"><span class="right-icon small"></span></div>
                </div>
                <div class="item">
                    <div class="item-img"><img src="../img/wdsc.png" alt="我的收藏"></div>
                    <div class="item-content">我的收藏</div>
                    <div class="link-right"><span class="right-icon small"></span></div>
                </div>
            </div>
            <div class="split-line"></div>
            <div class="list list-dzxb">
                <div class="item">
                    <div class="item-img"><img src="../img/dzgl.png" alt="地址管理"></div>
                    <div class="item-content">地址管理</div>
                    <div class="link-right"><span class="right-icon small"></span></div>
                </div>
                <div class="item">
                    <div class="item-img"><img src="../img/zzzz.png" alt="资质证照"></div>
                    <div class="item-content">资质证照</div>
                    <div class="link-right"><span class="right-icon small"></span></div>
                </div>
                <div class="item">
                    <div class="item-img"><img src="../img/xygz.png" alt="协议规则"></div>
                    <div class="item-content">协议规则</div>
                    <div class="link-right"><span class="right-icon small"></span></div>
                </div>
                <div class="item">
                    <div class="item-img"><img src="../img/bzyfk.png" alt="帮助与反馈"></div>
                    <div class="item-content">帮助与反馈</div>
                    <div class="link-right"><span class="right-icon small"></span></div>
                </div>
            </div>
        </main>
        <div class="logout"><button class="btn-logout">退出</button></div>
        <footer class="footer">
            <div class="title">
                <div class="item" data-href="./index.html">
                    <div class="item-icon sy"><img src="../img/bottom.png" alt=""></div>
                    <div class="item-info">首页</div>
                </div>
                <div class="item" data-href="./index.html">
                    <div class="item-icon fl"><img src="../img/bottom.png" alt=""></div>
                    <div class="item-info">分类</div>
                </div>
                <div class="item" data-href="./cart.html">
                    <div class="item-icon gwc"><img src="../img/bottom.png" alt=""></div>
                    <div class="item-info">购物车</div>
                </div>
                <div class="item active">
                    <div class="item-icon gr"><img src="../img/bottom.png" alt=""></div>
                    <div class="item-info">个人</div>
                </div>
            </div>
        </footer>
    </section>
    <script src="../js/jquery-3.2.1.min.js"></script>
    <script src="../js/model.js"></script>
    <script src="../js/cookie.js"></script>
    <script src="../js/ucenter.js"></script>
</body>

</html>